<template>
  <a-modal title="20px to Top" :dialog-style="{ top: '20px'}" :visible="editModel" @ok="onOk" @cancel="onCancel">
    <p>some contents...</p>
    <p>some contents...</p>
    <p>some contents...</p>
  </a-modal>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: {
    editModel: {
      type: Boolean,
      default: false
    }
  },
  model: {
    prop: 'editModel',
    event: 'cancele'
  },
  methods: {
    onOk () {
      this.$emit('cancele', false)
    },
    onCancel () {
      this.$emit('cancele', false)
    }
  }
}
</script>

<style lang="less" scoped>
</style>
